{literal}
<script language="javascript">
    $(document).ready(function() {
        $("#tabs").tabs();
        $('#gallery a').lightBox();

    });
</script>
{/literal}
{literal}
<style type="text/css">
</style>
{/literal}

<div id="p-detail">
    <div class="product-name" title="{$item_info.name}"><h3>{$item_info.name}</h3></div>
    <div class="slide-img" id="gallery">
        <a href="images/example/product-exam.jpg"><img src="images/example/product-exam.jpg" alt="" class="fll"></a>
        <a href="images/example/product-exam.jpg"><img src="images/example/product-exam.jpg" alt="" class="flr"></a>
        <div class="c"></div>
    </div>
    <div id="tabs">
        <ul class="tab">
            <li><a href="#fragment-1"><span>Giới thiệu</span></a></li>
            <li><a href="#fragment-2"><span>Đặc tính kỹ thuật + Bảng giá</span></a></li>
            <li><a href="#fragment-3"><span>Tải dữ liệu</span></a></li>
        </ul>
        <div id="fragment-1">
            <p>
            {$item_info.description}
            </p>
        </div>
        <div id="fragment-2">
            Giá: {$item_info.price}
            {$item_info.brief}
         </div>
        <div id="fragment-3">
           3
        </div>
    </div>
</div>
